<%@ page language="java" contentType="text/html; charset=UTF-8" %>
<!DOCTYPE html>
<html>
<head>
<title>用户画像</title>
<meta charset="utf-8"/>
<link rel="stylesheet" href="css/bootstrap.css"/> 
</head>
<body>
<div class="container-fluid">

	<%@include file="header.jsp"%>
	
	<%--<div class="text-right"><a class="btn btn-warning" href="userAdd">添加客户</a></div>--%>
		 <%----%>
	<%--<br>--%>
	
	<form class="form-inline" action="userSearch1" id="serchform" method="post">
		<div class="form-group">
			<input type="text" class="form-control" id="name" name="name" placeholder="用户名">
		</div>
		<a href="javascript:;" onclick="document.getElementById('serchform').submit();" type="submit" class="btn btn-primary">点击搜索</a>
	</form>
	
	<br>
	
	<table class="table table-bordered table-hover">

	<tr>
		<th width="5%">ID</th>
		<th width="10%">用户名</th>
		<th width="10%">收货人</th>
		<th width="10%">电话</th>
		<th width="10%">地址</th>
		<th width="10%">操作</th>
	</tr>
	
	<c:forEach var="user" items="${userList}">
         <tr>
         	<td><p>${user.id}</p></td>
         	<td><p>${user.username}</p></td>
         	<td><p>${user.name}</p></td>
         	<td><p>${user.phone}</p></td>
         	<td><p>${user.address}</p></td>
			<td>
				<%--<a class="btn btn-info" href="userRe?id=${user.id}">重置密码</a>--%>
				<a class="btn btn-primary" href="userPic?id=${user.id}">用画像</a>
                <%--<a type="button"  title=""  data-container="body"   data-toggle="popover" data-placement="left"  data-content="气泡的内容" }">查看详情</a>--%>
				<%--<a class="btn btn-danger" href="userDelete?id=${user.id}">删除</a>--%>
			</td>
       	</tr>
     </c:forEach>
     
</table>

<br>${pageTool}<br>
</div>
</body>
</html>
<script >
    // $(function () {
    //
    //     $("[data-toggle='popover']").popover();
    //
    //     $('body').on('click', function (e) {
    //         $('[data-toggle="popover"]').each(function () {
    //             if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) {
    //                 $(this).popover('hide');
    //             }
    //         });
    //     });
    //
    //     $('body').on('hidden.bs.popover', function (e) {
    //         $(e.target).data("bs.popover").inState.click = false;
    //     });
    //
    //
    // });
</script>